<!DOCTYPE html>
<html>
<head>
<title>{$site_name}</title>
<meta name="keywords" content="{$site_seo_keywords}" />
<meta name="description" content="{$site_seo_description}">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link href="__TMPL__Public/assets/css/header.css" rel="stylesheet" type="text/css">
    <link href="__TMPL__Public/assets/css/member.css" type="text/css" rel="stylesheet">
    <style>
        .member .memberbox .memberL .l-title h3 a{
            _background:none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/ydtCopy/module/member/statics/images/back.png', sizingMethod='crop');
        }
    </style>
    <script type="text/javascript" src="__TMPL__Public/assets/js/jquery-1.6.1.min.js"></script>

    <script type="text/javascript" src="__TMPL__Public/assets/js/jquery.form.js"></script>
    <script type="text/javascript" src="__TMPL__Public/assets/js/jquery.ld.js"></script>
    <script type="text/javascript" src="__TMPL__Public/assets/js/myAddressBook.js?4"></script>

    <script type="text/javascript">

        var dataValue={
            webRoot:"" //当前路径
        };
    </script>
</head>

<body class="body-white">
	<tc_include file="Public:nav" />


    <!--会员中心-->
    <div class="member">

        <!--所在位置-->
        <tc_include file="Public:position" />
        <!--end 所在位置-->

        <!--会员中心首页-->
        <div class="memberbox">
            <!--会员中心左边-->
            <tc_include file="Public:menu_left" />
            <!--end 会员中心左边-->

            <!--会员中心右边-->
            <div class="memberR">
                <!--已保存的有效地址-->
                <div class="r-titleTb"><h2>已保存的有效地址</h2></div>
                <div class="order-box" style="margin-bottom:10px;">
                    <div class="order">
                        <table cellspacing="0" cellpadding="0" border="0" class="o-table">
                            <thead class="o-thead">
                            <tr class="o-title">
                                <td style="width:120px;">收货人</td>
                                <td style="width:159px;">所在地区</td>
                                <td style="width:372px;">详细地址</td>
                                <td style="width:89px;">邮编</td>
                                <td style="width:129px;">电话/手机</td>
                                <td style="width:154px;">操作</td>
                            </tr>
                            </thead>
                            <tbody class="o-info">
                            <foreach name="list" item="litem">
                            <tr class="o-rows">
                                <td>{$litem.name}</td>
                                <td> {$litem.province} {$litem.city} {$litem.area}</td>
                                <td>{$litem.addr}</td>
                                <td>{$litem.zipcode}</td>
                                <td>{$litem.mobile}</td>
                                <td>
                                    <div class="look"><a class="btnAlt" name="btnAlt" href="javascript:;" onclick="btnAlt('{$litem.id}')" title="修改">修改</a><em>|</em><a href="javascript:;" onclick="btnDel({$litem.id})" title="删除">删除</a></div>
                                </td>
                            </tr>
                            </foreach>
                            </tbody>
                        </table>
                        <div class="order-more">最多保存10个有效地址</div>
                    </div>
                </div>
                <!--end 已保存的有效地址-->

                <!--新增收货地址-->
                <div class="r-titleTb"><h2>新增收货地址</h2></div>
                <div class="addBox">
                    <ul class="add" style=" width:1000px;">
                        <input id="receiveAddrId" name="receiveAddrId" type="hidden">
                        <li>
                            <div class="lable" style="width:95px; height:25px; line-height:25px; color:#ff6600; font-size:14px; font-weight:bold;">新增收货地址</div>
                            <div class="add-r" style="margin:2px 0 0 18px;">电话号码、手机号选填一项,其余均为必填项</div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="lable" style="width:105px; height:25px; line-height:25px;">收货人姓名：</div>
                            <div class="info">
                                <input id="name" class="put" style="height:25px; line-height:25px;" type="text">
                                <span id="alert" style="padding-left:5px;color: #cc0000;"></span>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="lable" style="width:105px; height:25px; line-height:25px;">手机号码：</div>
                            <div class="info">
                                <input id="mobile" class="put" style="height:25px; line-height:25px;" name="mobile" type="text" maxlength="11">
                                <span id="alert1" style="padding-left:5px; color: #cc0000;"></span>
                            </div>
                            <div class="clear"></div>

                        </li>
                        <li>
                            <div class="lable" style="width:105px; height:25px; line-height:25px;">电话号码：</div>
                            <div class="info">
                                <input id="tel" class="put" style="height:25px; line-height:25px;" name="tel" type="text" maxlength="20">
                                <span id="alert2" style="padding-left:5px; color: #cc0000;"></span>
                            </div>
                            <div class="add-r">格式：（012-12345678或134-1234567）</div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="lable" style="width:105px; height:25px; line-height:25px;">所在地区：</div>
                            <div class="info selT" id="target" data-toggle="distpicker">
                                <select name="province" id="province" style="width: 100px;">
                                    <option>请选择</option>
                                </select>
                                <select name="city" id="city"  style="width: 100px;">
                                    <option>请选择</option>
                                </select>
                                <select  name="area" id="area"  style="width: 100px;">
                                    <option>请选择</option>
                                </select>
                            </div>
                            <div style=" padding-top:10px;">
                                <span id="alert3" style="margin-left: 5px; color: #cc0000;"></span>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="lable" style="width:105px; height:25px; line-height:25px;">详细地址：</div>
                            <div class="info">
                                <textarea class="te" id="addr" name="addr" type="text"></textarea>
                                <div style="float:left;padding-top: 22px;">
                                <span id="alert4" style="margin-left:5px; color: #cc0000;">
                            </span></div>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="lable" style="width:105px; height:25px; line-height:25px;">邮政编码：</div>
                            <div class="info">
                                <input id="zipcode" class="put" style="height:25px; line-height:25px;" name="zipcode" type="text" maxlength="6">
                                <span id="alert5" style="padding-left:5px; color: #cc0000;"></span>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="lable" style="width:105px; height:25px; line-height:25px;"></div>
                            <div class="info">
                                <div class="save"><a id="btnAdd" href="javascript:;" title="保存收货人信息">保存</a></div>
                            </div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div>
                <!--end 新增收货地址-->
            </div>
            <!--end 会员中心右边-->
            <div class="clear"></div>
        </div>
        <!--end 会员中心首页-->
        <div class="clear"></div>
    </div>
    <!--end 会员中心-->
    <script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="__TMPL__Public/assets/js/distpicker.data.js"></script>
    <script src="__TMPL__Public/assets/js/distpicker.js"></script>
    <tc_include file="Public:member_footer" />

	<tc_include file="Public:footer" />

</body>
</html>